body{
        background: #3399FF url( img_res/BG.jpg) 0 0 no-repeat;
}
#maincontainer{
        position: absolute;
        top: 0px;
        left: 50%;
        width: 850px;
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: -425px;
        margin-right: auto;
        padding: 0px;
        border: 0px;
        font-family: verdana, arial, helvetica;
}
#maintitle{
        width: auto;
        height: 160px;
        line-height: 160px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        font-family: Arial;
        font-size: 70px;
        font-weight: bold;
        color: #FFF;
        text-align: right;
}
#pagecontainer{
        width: 850px;
        height: auto;
        margin: 0px;
        padding: 0px;
        border: 0px;
        display: block;
}
#pagetop{
        width: 850px;
        height: 21px;
        margin: 0px;
        padding: 0px;
        border: 0px;
}
#pagecontent{
        width: 850px;
        height: auto;
        margin: 0px;
        padding: 0px;
        border: 0px;
}
#pagebottom{
        width: 850px;
        height: 21px;
        margin: 0px;
        padding: 0px;
        border: 0px;
}
.page{
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 25px;
        margin-right: 25px;
        padding: 0px;
        border: 0px;
        display: block;
        overflow: hidden;
        font-family: Verdana;
        font-size: 12px;
        background: #FFF;
}
.navbar{
        margin: 0px;
        padding: 0px;
        border-bottom: #0088cc 1px solid;
        height: 25px;
        line-height: 25px;
        background: #33aaff url(img_res/bar_bg.gif) 0 top repeat-x;
        font-family: Verdana; 
        font-size: 12px; 
        font-weight: bold;
        color: #FFF;
}
.navbar a:link, .navbar a:visited 
{
         text-decoration: none;
         color: #FFF;
}
.navbar a:hover, .navbar a:active
{
         text-decoration: none; 
         color : #77FFFF;
}
.toolbar{
        height: 20px;
        line-height: 12px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        background: #f0f0fa url(img_res/h_bg.gif) 0 bottom repeat-x;
        color: #07083f;
}
.toolbar p.left {
         width: auto;
         border: 0px;
         margin: 4px;
         padding: 0px;
         float: left;
         white-space: normal;
         font-family: Verdana;
         font-size: 12px;
}
.toolbar p.right {
         width: auto;
         border: 0px;
         padding: 0px;
         margin: 2px;
         float: right;
         white-space: nowrap;
         font-family: Verdana;
         font-size: 12px;
}
.toolbar a:link, .toolbar a:visited, .pagenav a:link, .pagenav a:visited
{
         font-family: Verdana;
         text-decoration: none;
         color: #07083f;
}
.toolbar a:hover, .toolbar a:active, .pagenav a:hover, .pagenav a:active
{
         font-family: Verdana;
         text-decoration: underline; 
         color : #0111cc;
}
.foot{
         margin: 0px;
         padding: 0px;
         border: 0px;
         height: 20px;
         line-height: 20px;
         color: #babacc;
         background: #faf8ff;
         font-family: Verdana;
         font-size: 12px;
}
.contents{
         margin: 10px;
         padding: 0px;
         border: 0px;
         text-align: left;
         color: #777;
}
.contents p, .contents li{
         text-align: justify;
         text-justify: inter-ideograph;
         pagination: none; 
         font-size: 12px; 
         font-family: Verdana;
         font-kerning: 1.0pt; 
         margin: 10px; 
}
#mBody {
         clear: both;
         padding: 0 0 1em 0;
}

:target {
         border: #FF0000 1px solid;
         padding: 0px;
         margin: 0px;
}

.h2 p, .h3 p, .h4 p, .h2 dt, .h3 dt, .h4 dt, .h3 li {
         margin-right: 64px;
         margin-left: 64px;

}

.h2 h2 {
         font-family: Arial;
         font-size: 14px;
         font-weight:bold;
         color: #27285f;
         background: #77ddff url(img_res/h_bg.gif) 0 top repeat-x;
         border: #3399FF 1px solid;
         padding-top: 0px; padding-bottom: 0px;
         padding-left: 10px; padding-right: 10px;
         margin: 0px; 
         height: 25px;
         line-height: 25px;
}
.pagenav {
         font-family: Arial;
         font-size: 12px;
         color: #27285f;
         background: #77ddff url(img_res/h_bg.gif) 0 top repeat-x;
         border: #3399FF 1px solid;
         padding-top: 0px; padding-bottom: 0px;
         padding-left: 10px; padding-right: 10px;
         margin: 0px; 
         height: 25px;
         line-height: 25px;
         text-align: center;
}
.h3 h3 {
         font-size: 13px;
         font-family: Arial;
         color: #776688;
         background-color: #f0f0fa;
         border-width: 1px;
         border-style: solid;
         border-color: #babacc;
         padding-top: 0px; padding-bottom: 0px;
         padding-left: 10px; padding-right: 10px;
         margin: 10px;
         height: 20px;
         line-height: 20px;
}
.h4 {
         font-size: 12px;
         font-family: Arial;
         font-weight: bold;
         color: #777;
         padding: 0px;
         margin-top: 2px;
         margin-left: 60px;
         margin-right: 20px;
         margin-bottom: 2px;
}
.watermark {
         color: #ccc;
         font-size: 75%;
         visibility: hidden;
}


/* Index element color */
#trans_none {
         color:red;}
#trans_low {
         color:green;}
#trans_high {
         color:#776688;}
.list{
         width: 56%;
         font-size: 12px;
         font-family: Arial;
         background-color: #f0f0fa;
         color: #777;
         border-width: 1px;
         border-style: solid;
         border-color: #babacc;
         padding-top: 2px;
         padding-left: 0px;
         padding-bottom: 0px;
         margin-top: 10px; margin-left: 60px; margin-right: 2px; margin-bottom: 10px;
}
.list p {
         margin-top: 4px; 
         margin-bottom: 4px;
         margin-left: 30px;
         margin-right: 30px;
         padding: 0px;
         border: 0px;
}
a:link, a:visited, .foot a:link, .foot a:visited,
.list a:link, .list a:visited
{
         FONT-FAMILY: Verdana;
         COLOR: #7777bb; 
         TEXT-DECORATION: none;
}
a:hover, .foot a:hover, .list a:hover
{
         FONT-FAMILY: Verdana;
         COLOR: #3355FF;
         TEXT-DECORATION: underline;
}

/* copy info style define */
#copy_info{
        text-align: center;
        font-family: verdana, arial, helvetica;
	font-size: 12px;
        margin: 10px;
        padding: 0px;
        color: #FFF;
}
#copy_info A:link{
        color: #FFF;
        text-decoration: none;
}
#copy_info A:visited{
        color: #FFF;
        text-decoration: none;
}
#copy_info A:hover{
        color: #77FFFF;
        text-decoration: underline;
}

/* input style define */
.opencomment
{
        height: 22px;
        border: #777 1px solid;
        padding: 0px;
        margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 10px;
        font-size: 12px;
        font-family: Verdana;
        color: #777;
        BACKGROUND-COLOR: #FAF8FF;
        TEXT-ALIGN: center;
        float: right;
}
.dialog{
         margin-left: 10px;
         margin-right: 10px;
         margin-top: 5px;
         margin-bottom: 5px;
         padding: 0px;
         border: 0px;
         text-align: left;
         color: #777;
}
.dialog p
{
         text-align: justify;
         text-justify: inter-ideograph; 
         pagination: none; 
         font-size: 12px; 
         font-family: Verdana;
         font-kerning: 1.0pt; 
         margin-left: 10px; 
         margin-right: 10px; 
         margin-top: 1px; 
         margin-bottom: 1px;
}